body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd {
  /* 默认有边距，都要清除 */
  margin: 0;
  padding: 0;
  /*字体设置*/
  font-size: 14px;
  font-family: "Microsoft Yahei", sans-serif;
  color: #ccc;
  /* 去掉列表的原点 */
  list-style: none;
  /* 默认鼠标 */
  cursor: default;
}
/*可选*/
html,
body {
  width: 100%;
  height: 100%;
  font-size: 100px!important;
}
/*行内块元素*/
input,
img {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline-style: none;
  vertical-align: bottom;
}
/*行内元素*/
a,
a:active,
a:visited {
  /*下划线和颜色*/
  text-decoration: none;
  color: #ccc;
}
a:hover {
  color: #333;
}
textarea {
  /* 边框清零 */
  border: none;
  /* 轮廓线清零 */
  outline: none;
  /* 防止文本域被随意拖拽 */
  resize: none;
}
i {
  /*文字样式*/
  font-style: normal;
}
table {
  /*边框合并*/
  border-collapse: collapse;
  border-spacing: 0;
}
/* 使用伪元素清除浮动 */
.clearfix::before,
.clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: none;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
label {
  display: inline-block;
  cursor: pointer;
}
label input[type="radio"] + span,
label input[type="checkbox"] + span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/nocheck.png") no-repeat;
}
label input[type="radio"]:checked + span,
label input[type="checkbox"]:checked + span {
  background: url("../images/check.png") no-repeat;
}
label input[type="radio"]:checked ~ i,
label input[type="checkbox"]:checked ~ i {
  color: #38d6ff;
}
/*----------通用颜色---------*/
/*------渐变（上到下）-----*/
/*------渐变（左到右）-----*/
/*------渐变（左上到右下）-----*/
/*----------居中---------*/
/*-----溢出截断--------*/
/*-----flex--------*/
